<ion-header>

  <ion-toolbar>
    <ion-title>Button Sizes</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content padding>

  <p>
    <a ion-button href="#">a[ion-button]</a>
    <button ion-button>button</button>
  </p>

  <p>
    <a ion-button small href="#">a[ion-button][small]</a>
    <button ion-button small>button[ion-button][small]</button>
  </p>

  <p>
    <a ion-button outline small href="#">a[ion-button][outline][small]</a>
    <button ion-button outline small>button[ion-button][outline][small]</button>
  </p>

  <p>
    <a ion-button clear small href="#">a[ion-button][clear][small]</a>
    <button ion-button clear small>button[ion-button][clear][small]</button>
  </p>

  <p>
    <button ion-button large>[large]</button>
    <a ion-button large href="#">
      <span style="font-size:48px">H</span>
      <span style="font-size:38px">E</span>
      <span style="font-size:32px">L</span>
      <span style="font-size:24px">L</span>
      O</a>
  </p>

  <p>
    <a ion-button outline large href="#">a[ion-button][outline][large]</a>
    <button ion-button outline large>button[ion-button][outline][large]</button>
  </p>

  <p>
    <a ion-button clear large href="#">a[clear][large]</a>
    <button ion-button clear large>button[ion-button][clear][large]</button>
  </p>

</ion-content>
